$(function() {
    $(".fun-learn-more").click(function() {
        $("#fun-section-2-more").toggle('slideDown');
        $(this).children('i').toggleClass("fa-minus-circle");
    });

    scrollDetect();
    $(window).scroll(function() {
        scrollDetect();
    })
})



function scrollDetect() {
    $(".section-3 section").each(function(index){
        if (scrollToObj($(this)) == true) {
            if ($(this).hasClass('start-animate') == false) {
                $(this).addClass('start-animate');
            } else {
                console.log('skip');
            }
        }
    })
}


//判断某元素是否已经出现在可见区域中
function scrollToObj($obj) {
    var objTop = $obj.offset().top + 300;
    var scrollTop = $(window).scrollTop();
    var windowHeight = $(window).height();
    if ((windowHeight + scrollTop) > objTop) {
        return true;
    } else {
        return false;
    }
}
